<script>
export default {
  name: 'Home',
  data() {
    return {
      msg:'hello vue jsx',
      list:['wangyang','hello','xiaoli','xiaozhang']
    }
  },
  methods: {
    handlerClick(e) {
      console.log(e.target.value);
    }
  },
  render(createElement, context) {
    return (
        <div className="home">
          <h1> {this.msg} </h1>
          <ul>
            {
              this.list.map((element,index)=>{
                return <li key={index} onClick={this.handlerClick}>{element}</li>
              })
            }
          </ul>
          
        </div>
    )
  }
}
</script>
